<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>话痨饭2.0用户帮助文档</title>
<meta name="author" content="marooned_smj">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="shortcut icon" href="http://en.wikipedia.org/favicon.ico">
<link rel="stylesheet" href="css/base.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/jquery.lightbox-0.5.js"></script>
</head>
<body class="home">
	<div id="content">
		<div id="bodyContent">
			<div class="slide"><!-- Help00--> 
				<h1>话痨饭2.0用户帮助说明文档</h1>
				<small>&nbsp;&nbsp;&nbsp;SeryFanfou ver2.0 由饭否用户<a href="http://farm7.static.flickr.com/6114/6321005086_62ac478f1b_b.jpg" title="从话痨饭1.0到2.0~">@肥魔</a> 开发</small>
				<br></br>
				<table id="Help00" style="width: 100%; vertical-align: top; background: rgb(245, 250, 255);margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<tbody>
						<tr>
							<th style="padding: 2px;margin-bottom:1em;"> </th> <!-- 控制与横线间隔 --> 
						</tr>
						<td style="color:#000000 padding: 0px 5px 0px;">
							<div id="Help00">
								<br></br>
								<div style="float:right; margin-right:1.5em;">
									<a href="http://farm7.static.flickr.com/6228/6320499889_bfb7942d73_b.jpg" title="话痨饭2.0由饭否用户@肥魔 开发">
									<img height="180" width="180" src="images\hualaofan2.0logo_big.png" border="0" >
									</a>
								</div>
								<ul>
										<h6>&nbsp;1. 快速入门</h6>
										<h6>&nbsp;2. 即时更新</h6>
										<h6>&nbsp;3. 消息过滤</h6>
										<h6>&nbsp;4. 频道窗口</h6>
										<h6>&nbsp;5. 数据中心</h6>
										<h6>&nbsp;6. 远程交互</h6>
										<h6>&nbsp;7. 饭否平衡</h6>
										<h6>&nbsp;8. 命令一览</h6>
										</br></br>
								</ul>
								<div style="text-align: right;">
								</div>
							</div><!-- Help00--> 
						</tr>
					</tbody>
				</table><!-- Help00 --> 
			</div><!-- slide--> 
			<div class="slide"><!-- Help01--> 
				<h2>快速入门</h2>
				<h3>1</h3>
				<small>&nbsp;&nbsp;欢迎使用话痨饭2.0！ </small>
				<br></br>
				<table id="Help01a" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
						</br>
						<h4 align="center">话痨饭2.0&nbsp;采用了全新的<span style="color: blue;">&nbsp;Windows式 </span>界面</h4>
						<h4 align="center">在 饭否平衡 的基础上，增加了<span style="color: blue;">&nbsp;消息过滤&nbsp;</span>、<span style="color: blue;">&nbsp;频道窗口&nbsp;</span>、<span style="color: blue;">&nbsp;数据中心&nbsp;</span>和<span style="color: blue;">&nbsp;远程交互&nbsp;</span>等新功能</h4>
						<h4 align="center">让我们一起“废话”到60岁吧~</h4>
				</table><!-- Help01a--> 
				<table id="Help01b" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6217/6329667401_9bcc1dce37_b.jpg" title="主界面">
								<img class="thumbimage" height="222" width="320" src="images\help01a.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>1.1</h5>
						<h4><span style="color: green;"><<&nbsp;</span> 主界面 包括了三部分：</h4>
						<h4><span style="color: red;">任务栏&nbsp;</span>: 位于底部，其中，左端点击后弹出<span style="color: blue;">&nbsp;开始菜单&nbsp;</span>；中间显示正在运行的窗口；右端显示<span style="color: blue;">&nbsp;时间&nbsp;</span>和<span style="color: blue;">&nbsp;即时字数</span>&nbsp;。</h4>
						<h4><span style="color: red;">桌面ICON&nbsp;</span>: 点击后可快速弹出各个窗口。</h4>
						<h4><span style="color: red;">壁纸&nbsp;</span>: 用户可以在设置中更改，默认路径为：ui/desktop.png</h4>
				</table><!-- Help01b-->
				<table id="Help01c" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6236/6329878787_0de6cfbdbb_b.jpg" title="显示信息的窗口">
								<img class="thumbimage" height="700" width="320" src="images\help01b.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>1.2</h5>
						<h4><span style="color: green;"><<&nbsp;</span> 显示信息的窗口 ：</h4>
						<h4><span style="color: red;">输入框&nbsp;</span>: 位于顶部。用户可以在此输入 <span style="color: blue;">发送信息</span> 或者是 <span style="color: blue;">命令</span>，回车键发送。</h4>
						<h4><span style="color: red;">信息&nbsp;</span>: 显示饭否的内容，底部的信息最新；用户可以在设置内选择<span style="color: blue;">&nbsp;是否显示头像&nbsp;</span>或<span style="color: blue;">&nbsp;是否显示大图&nbsp;</span>；右键实行转发、回复、挖掘及跟踪等功能；双击将该信息标记“已阅” :</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;.&nbsp;<span style="color: red;">第一行&nbsp;</span>： <span style="color: blue;">用户昵称</span> 、<span style="color: blue;">ID </span>、<span style="color: blue;">所在地</span> 、<span style="color: blue;">性别</span>，鼠标悬停在ID上显示 <span style="color: blue;">用户自述</span>。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;.&nbsp;<span style="color: red;">第二行&nbsp;</span>： <span style="color: blue;">正文</span> ；若信息带图将会在下方展示，单击图片可以切换大小。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;.&nbsp;<span style="color: red;">第三行&nbsp;</span>： <span style="color: blue;">发推数</span> 、<span style="color: blue;">发送时间</span> 及 <span style="color: blue;">客户端</span></h4>
						</br>
						<h4><span style="color: red;">右键菜单&nbsp;</span>: 除了 <span style="color: blue;">回复</span> 和 <span style="color: blue;">转发</span> 功能 外，还包括：</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;.&nbsp;<span style="color: red;">挖掘&nbsp;</span>： 若信息是 回复 ，会在正文下方显示来源信息。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;.&nbsp;<span style="color: red;">跟踪&nbsp;</span>： 新建一个包含该用户最近信息的窗口。该窗口将自动更新。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;.&nbsp;<span style="color: red;">私信&nbsp;</span>： 向该用户发送私信。私信内容直接在输入框内输入。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;.&nbsp;<span style="color: red;">删除&nbsp;</span>： 若信息是本人的，会在饭否删除该信息，同时正文字体色彩变为红色。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;.&nbsp;<span style="color: red;">阅&nbsp;</span>： 将该信息变为“空白”，与双击的效果一致。</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6&nbsp;.&nbsp;<span style="color: red;">复制&nbsp;</span>： 复制该用户信息正文；注：若需要复制全部信息，可于输入框输入命令 ./copy </h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;.&nbsp;<span style="color: red;">清空窗口&nbsp;</span>： 清空该窗口内所有信息。 </h4>
						</br>
						<h4><span style="color: red;">右上角按钮&nbsp;</span>:  <span style="color: blue;">?</span> 代表帮助 ； <span style="color: blue;">-</span> 代表最小化 ； <span style="color: blue;">+</span> 代表最大化 ； <span style="color: blue;">×</span> 代表关闭窗口</h4>
				</table><!-- Help01c-->
				<table id="Help01d" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6119/6330632688_7445622935_b.jpg" title="上传图片">
								<img class="thumbimage" height="205" width="320" src="images\help01c.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>1.3</h5>
						<h4><span style="color: green;"><<&nbsp;</span> 上传图片 ：</h4>
						<h4>1.&nbsp;&nbsp;点击“选择”按钮，选择需上传的图片。</h4> 
						<h4>2.&nbsp;&nbsp;在下方 “消息: ” 旁输入图片需要说明的消息。</h4> 
						<h4>3.&nbsp;&nbsp;点击“上传”按钮，输入框显示消息和图片的整合。</h4> 
						<h4>4.&nbsp;&nbsp;在输入框按 回车键 发送。</h4> 
						<h4><span style="color: grey;">&nbsp;&nbsp;&nbsp;&nbsp;话痨饭在图片发送成功后，会将真实地址返回，你可以再次发送这个备份。而这个备份地址即便图片被删了，也是会存在的。</span> </h4> 
				</table><!-- Help01d-->
				<table id="Help01e" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6101/6329906423_520834e2d2_b.jpg" title="肥魔搜索">
								<img class="thumbimage" height="205" width="320" src="images\help01d.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>1.4</h5>
						<h4><span style="color: green;"><<&nbsp;</span> 肥魔搜索：</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;在信息窗口中，点击 #content# 会弹出搜索content内容的浏览器窗口。</h4> 
						<h4>1.&nbsp;&nbsp;搜索用的关键词需要在下方的输入框输入。</h4> 
						<h4>2.&nbsp;&nbsp;点击 → 按钮可获得当前饭否的热词。</h4> 
						<h4>3.&nbsp;&nbsp;点击热词可直接搜索相关信息。</h4> 
				</table><!-- Help01e-->
				<table id="Help01e" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6110/6330632590_2d39ff5205_b.jpg" title="肥魔浏览器">
								<img class="thumbimage" height="205" width="320" src="images\help01e.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>1.5</h5>
						<h4><span style="color: green;"><<&nbsp;</span> 肥魔浏览器：</h4>
						<h4>&nbsp;&nbsp;&nbsp;&nbsp;在信息窗口中，点击 用户昵称 与 超链接 均会弹出相应的浏览器窗口。</h4> 
				</table><!-- Help01e-->
				<h4 align="center">你好，用户。</h4>
				<h4 align="center">到此，你也许会觉得自己已经掌握了话痨饭2.0 了。</h4>
				<h4 align="center">不过，如果你有兴趣继续阅读下去的话，你将会发现SeryFanfou2.0 更加强大的功能～</h4>
				<h4 align="center">：)&nbsp;&nbsp;&nbsp;&nbsp;</h4>
			</div><!-- slide--> 
			<div class="slide"><!-- Help02--> 
				<h2 id="Help01title">即时更新</h2>
				<h3>2</h3>
				<small>&nbsp;&nbsp;话痨饭2.0 能快速刷新你的时间线。 </small>
				<br></br>
				<table id="Help02" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					</br>
					<h4 align="center">这部分将介绍在界面上的<span style="color: blue;"> 网络连接器 </span>窗口。</h4>
					<br></br>
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6105/6329879611_5074e49a12_b.jpg" title="网络连接器">
								<img class="thumbimage" height="320" width="320" src="images\help02.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5></h5>
						<h4><span style="color: green;"><<&nbsp;</span> 网络连接器 ：</h4>
						<h4><span style="color: red;">顶部&nbsp;</span>: 显示当前检查的接口，如果遇到堵塞或者网络问题，将会在这里显示，并统计错误计数。</h4>
						<h4><span style="color: red;">断开连接 按钮&nbsp;</span>: 点击后，话痨饭将停止为了更新所有信息。</h4>
						<h4><span style="color: red;">请求列表&nbsp;</span>: 默认状态下，话痨饭将会以 时间线 → 提及 → 时间线 → 接收到的私信 → 时间线 → 已发送的私信 这个顺序检测，点击列表前的断开按钮可以终止该部分的检测。</h4>
						<h4><span style="color: red;">任务栏上的时间&nbsp;</span>: 点击“时间”可以切换 网络连接器 的窗口状态。</h4>
				</table><!-- Help01d-->
			</div><!-- slide--> 
			<div class="slide"><!-- Help03--> 
				<h2>消息过滤</h2>
				<h3>3</h3>
				<small>&nbsp;&nbsp;为你过滤含有指定内容的信息。 </small>
				<br></br>
				<table id="Help03" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					</br>	
					<h4 align="center"><span style="color: blue;">消息过滤&nbsp;</span>的功能需要用户在设置中输入关键词，并设置该功能启动。</h4>
					<br></br>
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6112/6329609099_c750f77b56_b.jpg" title="消息过滤">
								<img class="thumbimage" height="205" width="320" src="images\help03.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5></h5>
						<h4><span style="color: green;"><<&nbsp;</span> 打开 Log 窗口可以查看被过滤的信息；</h4>
						<h4>Sery 设计的过滤法则应用了<span style="color: red;">&nbsp;正则表达式&nbsp;</span>，在此，简单地介绍一些常用的方法。</h4>
						<h4><span style="color: red;">&nbsp;| &nbsp;&nbsp;</span>：分枝条件。如果你需要过滤含有 X 或者 Y 的消息，你可以用 | 来间隔它们。例：<span style="color: blue;"> X|Y </span></h4>
						<h4><span style="color: red;">^ &nbsp;</span>：匹配字符串的开始。如果你需要过滤开头是“转@”的无意义转发消息，可以用 <span style="color: blue;"> ^转@ </span></h4>
						<h4><span style="color: red;">{n,m}</span> ：限定符：重复n到m次。如果你需要过滤10字以下的短消息，可以用<span style="color: blue;"> ^.{1,10}$</span></h4>
						<h4><span style="color: red;">[^]&nbsp;</span>：反义。如果你只想看到含有Z的消息，可以用<span style="color: blue;"> [^Z] </span></h4>
				</table><!-- Help03-->
			</div><!-- slide--> 
			<div class="slide"><!-- Help04--> 
				<h2>频道窗口</h2>
				<h3>4</h3>
				<small>&nbsp;&nbsp;信息归类 </small>
				<br></br>
				<table id="Help04" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					</br>
					<h4 align="center">含有 <span style="color: blue;">#内容#&nbsp;</span>的信息将会被自动归类，并且可以实行 <span style="color: blue;">频转 </span>及<span style="color: blue;"> 频复</span> 功能。</h4>
					<br></br>
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6059/6329879537_10870723f8_b.jpg" title="频道窗口">
								<img class="thumbimage" height="205" width="320" src="images\help04.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb -->
						<h5></h5>
						<h4><span style="color: green;"><<&nbsp;</span> 频道窗口 ：</h4>
						<h4><span style="color: red;">频转&nbsp;</span> 转发的信息将会在末尾附带原 #内容#</h4>
						<h4><span style="color: red;">频复&nbsp;</span> 回复的信息将会在末尾附带原 #内容#</h4>
						<h4><span style="color: red;">&nbsp&nbsp&nbsp</span> 信息发送后均会自动添加在 时间线 和 频道 窗口。</h4>
				</table><!-- Help04-->
			</div><!-- slide--> 
			<div class="slide"><!-- Help05--> 
				<h2>数据中心</h2>
				<h3>5</h3>
				<small>&nbsp;&nbsp;本是同根生~</small>
				<br></br>
				<table id="Help05" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					</br>
					<h4 align="center"></h4>
					<br></br>
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6112/6330632084_61e5253814_b.jpg" title="数据中心">
								<img class="thumbimage" height="205" width="320" src="images\help05.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5></h5>
						<h4><span style="color: green;"><<&nbsp;</span>数据中心 集合了时间线上所有用话痨饭发出的消息。</h4></br>
				</table><!-- Help05-->
			</div><!-- slide--> 
			<div class="slide"><!-- Help06--> 
				<h2>远程交互</h2>
				<h3>6</h3>
				<small>&nbsp;&nbsp;与话痨饭机器人对话！</small> 
				<br></br>
				<table id="Help06a" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					</br>
					<h4 align="center">在其他客户端内发送以下命令，若你的话痨饭2.0正在运行，它将会为你执行操作。</h4>
					<br></br>
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6233/6329879199_73033c4572_b.jpg" title="询问话痨饭2.0 时间线是否堵塞。">
								<img class="thumbimage" height="205" width="320" src="images\help06a.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>6.1</h5>
						<h4><span style="color: green;"><<&nbsp;</span><span style="color: red;">./$cmd:$say("Are you OK?")&nbsp;</span> </h4></br>
						<h4>询问话痨饭2.0 时间线是否堵塞。</h4>
						<h4>若处于正常工作状态，话痨饭2.0 将会自动发送一条</h4>
						<h4><span style="color: blue;"> [time] - 话痨饭机器人: 我还在努力地运行，别担心  </span>的消息。</h4>
				</table><!-- Help06a-->
				<table id="Help06b" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<br></br>
					<div class="thumb">
						<div class="tright">
							<div class="thumbinner"; style="width:322px">
								<a href="http://farm7.static.flickr.com/6211/6329879057_a23cfb73d3_b.jpg" title="远程关闭你所有正在运行的话痨饭2.0">
								<img class="thumbimage" height="205" width="320" src="images\help06b.jpg" border="0">
								</a>
							</div>
						</div>
					</div><!-- thumb --> 
						<h5>6.2</h5>
						<h4><span style="color: green;"><<&nbsp;</span><span style="color: red;">./$cmd:$close()&nbsp;</span> </h4></br>
						<h4>该命令可远程关闭你所有正在运行的话痨饭2.0 。</h4>
						<h4>若远程关闭成功，话痨饭2.0 将会自动发送一条</h4>
						<h4><span style="color: blue;"> [time] - 话痨饭机器人: 话痨饭程序已通过远程命令关闭。 </span>的消息。</h4>
				</table><!-- Help06c-->
				<table id="Help06c" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					<br></br>
					<h4 align="center">话痨饭2.0 将会开发更多的远程交互命令，敬请期待。</h4>
				</table><!-- Help06c-->
			</div><!-- slide--> 
			<div class="slide"><!-- Help07--> 
				<h2>饭否平衡</h2>
				<h3>7</h3>
				<small>&nbsp;&nbsp;</small> 
				<br></br><br></br><br></br>
				<h4 align="center">话痨饭2.0 的 饭否平衡 将兼容超大数额的关注数目(2000+)，目前该部分还处于开发阶段，后续版本将发布，请期待！</h4>
				<br></br><br></br><br></br>
			</div>
			<div class="slide"><!-- Help08--> 
				<h2>命令一览</h2>
				<h3>8</h3>
				<small>&nbsp;&nbsp;熟练运用&nbsp;/q/&nbsp;与&nbsp;./copy&nbsp;将会有很大帮助</small> 
				<br></br>
				<table id="Help08" style="width: 100%; vertical-align: top; margin-top:0.5em;padding:0.5em 1em 0.5em;">
					</br>
					<h4>在 任意输入框&nbsp;→&nbsp;输入命令&nbsp;→&nbsp;按下回车键&nbsp;→&nbsp;起效&nbsp; 以下为命令列表：</h4>
					<h4><span style="color: red;">/q/content</span>&nbsp; 查询 content<span style="color: blue;">&nbsp; </span>例： /q/饭否维护</h4>
					<h4><span style="color: red;">./copy</span> ：复制当前窗口所有信息</h4>
					<h4><span style="color: red;">./channelOn</span> ：开启频道功能</h4>
					<h4><span style="color: red;">./channelOff</span> ：关闭频道功能</h4>
					<h4><span style="color: red;">./loadPhotoOn</span> ：开启图片功能</h4>
					<h4><span style="color: red;">./loadPhotoOff</span> ：关闭图片功能</h4>
					<h4><span style="color: red;">./loadAvatarOn</span> ：开启头像功能</h4>
					<h4><span style="color: red;">./loadAvatarOff</span> ：关闭头像功能</h4>
					<h4><span style="color: red;">./filterOn</span> ：开启过滤器</h4>
					<h4><span style="color: red;">./filterOff</span> ：关闭过滤器</h4>
					<h4><span style="color: red;">./reConfig</span>：重新加载配置，如果在运行期改变了配置，这个将很有用，比如调试壁纸和过滤器 </h4>
					<br></br>
					<h5></h5>
				</table><!-- Help08-->
			</div><!-- slide--> 
			<h2 align="center">End</h2>
			</br>
			</br>
			<div id="nav-sub"> 
				<li class="sub-level-0"><h4 align="center"><span style="color:#313F54;">话痨饭2.0 更新日志</span></h4> 
					<ul style="display: none;"> 
						<br></br>
						<img style="display: none;" src="images/golden_ratio_arrow_left.png" id="scarr-left">
						<img style="display: block;" src="images/golden_ratio_arrow_right.png" id="scarr-right">
						<div id="filmstrip">
							<ol class="season" id="season">
								<li>
									<ul class="helpabout">
									<span class="title">Help00</span>
									<span class="subtitle">2011-11-11</span>
									<span class="explain">话痨饭2.0</br>正式版发布！: D</span>
									</ul>
								</li>
								<li>
									<ul class="helpwindows">
									<span class="title">Help01</span>
									<span class="subtitle">2011-11-08</span>
									<span class="explain">+ 数据中心<br></br></span>
									</ul>
								</li>
								<li>
									<ul class="helpegg">
									<span class="title">Help02</span>
									<span class="subtitle">2011-11-03</span>
									<span class="explain">修正了&nbsp;Bug</br>拒绝&nbsp;IE6！</span></ul>
								</li>
								<li>
									<ul class="helpzombie">
									<span class="title">Help03</span>
									<span class="subtitle">2011-10-21</span>
									<span class="explain">话痨饭2.0</br>进入&nbsp;Beta&nbsp;阶段</span></ul>
								</li>
								<li>
									<ul class="helpsun">
									<span class="title">Help04</span>
									<span class="subtitle">2011-05-13</span>
									<span class="explain">1.0&nbsp;停止更新</br>话痨饭2.0&nbsp;开发中</span></ul>
								</li>
								<li>
									<ul class="helplibra">
									<span class="title">Help05</span>
									<span class="subtitle">2011-02-17</span>
									<span class="explain">SeryFanfou&nbsp;1.03<br></br></span></ul>
								</li>
								<li>
									<ul class="helpquery">
									<span class="title">Help06</span>
									<span class="subtitle">？</span>
									<span class="explain">SeryFanfou&nbsp;1.02<br></br></span></ul>
								</li>
								<li>
									<ul class="helpbrowser">
									<span class="title">Help07</span>
									<span class="subtitle">？</span>
									<span class="explain">SeryFanfou&nbsp;1.01<br></br></span></ul>
								</li>
								<li>
									<ul class="helpsql">
									<span class="title">Help08</span>
									<span class="subtitle">？</span>
									<span class="explain">SeryFanfou&nbsp;1.00</br>正式版发布！</span></ul>
								</li>
							</ol>
						</div>
						<div id="divbar"></div>
					</ul>
				</li>
				<li class="sub-level-0"><h4 align="center"><span style="color:#313F54;">&nbsp;&nbsp;&nbsp;&nbsp;感谢你对话痨饭的支持～&nbsp;thx</span></h4> 
				</li>
				<ul>
			</div>	<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>
		</div><!-- bodyContent --> 
	</div><!-- content --> 
<script type="text/javascript">
$.fn.wait = function(time, type) {
	time = time || 1000; type = type || "fx";
	return this.queue(type, function() {
		var self = this; setTimeout(function() {$(self).dequeue();},time);
	});
};
function stripmove(inc) {
	var target = strippos + inc;
	var place = 'm';
	if (target < 0) {
		inc = -strippos;
		place = 'b';
	}
	if (target > stripmax) {
		inc = stripmax - strippos;
		place = 'e';
	}
	strippos += inc;
	$('#season').animate({left: '+='+(inc * -198)}, 1500, 'swing');
	if (strippos == 0) {$('#scarr-left').fadeOut(500);}
	if (strippos > 0) {$('#scarr-left').wait(1200).fadeIn(500);}
	if (strippos < stripmax) {$('#scarr-right').wait(1200).fadeIn(500);}
	if (strippos > stripmax-3) {$('#scarr-right').fadeOut(500);}
}
function startup() {
	stripmax = ($('#filmstrip li').size()) - 4;
	if (stripmax > 0) {
		$('#scarr-left').click(function() {stripmove(-4);});
		$('#scarr-right').click(function() {stripmove(+4);}).wait(300).fadeIn(500);
	}
}
var strippos = 0;
var stripmax = 0;
window.onload = startup;
</script>
<script type="text/javascript">
$(function() {
	$('a[@rel*=lightbox]').lightBox(); 
	$('#gallery a').lightBox(); 
	$('a.lightbox').lightBox(); 
	$('a').lightBox(); 
});
</script>
<script>
	$(function(){
	    var scrollPos; 
		if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
			scrollPos = document.documentElement; 
		} 
		else if (typeof document.body != 'undefined') { 
			scrollPos = document.body; 
		}
		$("h2").click(function(){
			var nextH1 = $(this).parent().next();
			if ( nextH1.length ) {
				var next_top = nextH1.offset().top;
				$(scrollPos)
					.animate({ scrollTop : next_top }, "slow");
			}else{
				var first_top = $("div.slide:first").offset().top;
				$(scrollPos)
					.animate({ scrollTop :  0}, "slow");
			}
		});
		$("h1").click(function(){
			var nextH1 = $(this).parent().next();
			if ( nextH1.length ) {
				var next_top = nextH1.offset().top;
				$(scrollPos)
					.animate({ scrollTop : next_top }, "slow");
			}else{
				var first_top = $("div.slide:first").offset().top;
				$(scrollPos)
					.animate({ scrollTop : 0 }, "slow");
			}
		});
		$("h3").click(function(){
			var nextH1 = $(this).parent().next();
			if ( nextH1.length ) {
				var next_top = nextH1.offset().top;
				$(scrollPos)
					.animate({ scrollTop : next_top }, "slow");
			}else{
				var first_top = $("div.slide:first").offset().top;
				$(scrollPos)
					.animate({ scrollTop : 0 }, "slow");
			}
		});
		});
</script>
<script type="text/javascript">
$(function(){
    $("#nav-sub a.here").parent().parent().show().siblings().addClass('sub-display').parent().addClass('sub-active');
    $("#nav-sub li.sub-level-0 h4").click(function(e){$("ul",$(this).toggleClass('sub-display').parent()).slideToggle();});
});
</script>
<style type="text/css">
#nav-sub ul {
    display: none;
}
</style>
</body>